back

CodeWithRahul

More
  • Home
  • Cources
  • Tutorials
  • Tutorials
  • Projects
  • Notes
  • Contact
  • Work With Us
  • HTML
  • CSS
  • JAVASCRIPT
  • CC++
  • PHP
  • PYTHON
  • REACT JS
  • DSA

RahulGoswami.com

Create an account
  • INTRODUCTION
    • HTML Introduction
    • HTML Working
    • HTML Prerequisite
    • HTML Document
    • HTML Structure 1
    • HTML Page
    • HTML Structure 2
    • HTML Editor
    • HTML View Source
    • HTML Tags
    • HTML Element
    • VS Code
    • installation
  • HTML BASIC TAGS
    • Skeletal Tags
    • Heading Tags
    • Paragraph Tag
    • Horizontal Line Tag
    • Line Break Tag
    • Center Tag
    • Preserve
    • Formatting Tag
  • HTML FORMATTING TAGS
    • Monospaced Font
    • Text Abbreviation Tag
    • Acronym Tag
    • Text tags
  • HTML QUOTATIONS
    • Blockquote Tag
    • Quote Tag
    • Text Citation Tag
    • Text Direction Tag
    • Address Text Tag
    • Code Tag
  • HTML ATTRIBUTES
    • HTML Attributes
    • HTML Core
    • Attributes 1
    • HTML
    • Internationalization
    • Attributes 2
    • HTML Generic
    • Attributes 3
  • HTML LINKS
    • HTML Links
  • HTML COMMENTS
    • HTML Comments
  • HTML IMAGES
    • HTML Images
  • HTML LISTS
    • HTML Lists
    • HTML Unordered List
    • HTML Ordered List
    • HTML Definition List
  • HTML TABLES
    • HTML Tables
  • HTML BLOCK ELEMENT
    • HTML Block
    • Elements
  • HTML INLINE ELEMENT
    • HTML Inline
    • Elements
  • HTML FORMS
    • FORM Introduction
    • More on forms

    HTML Unordered List

    UnorderedList Image

    Syntext:

    <ul>
    // list items
    <ul/>
    
    • Unordered lists have no sequence.
    • They are more like bullet points.
    • They are created by using <ul> tag.
    • <ul> tag has its corresponding </ul> tag.
    • For items, we use <li> tag also known as the List Item tag.

    For a more clear picture, let's go through this example:

    <ul>
    <li>Pen<li/>
    <li>Pencils<li/>
    <li>Eraser<li/>
    <li>Sharpner<li/>
    <ul/>
    

    output:

    • Pen
    • Pencils
    • Eraser
    • Sharpner

    Setting type attribute:

    Type attribute -> used to specify the type of bullet.

    There are three types of bullets:

    • disc
    • square
    • circle
    Owner of this WebPage Image

    CodeWithRahul

    Copyright © 2023 CodeWithRahul.com